<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
  <script src="../../scripts/jquery-1.11.3.min.js"></script>
  <script src="../../scripts/nav.js"></script>
  <script src="../../scripts/lib/echarts/echarts.js"></script>
  <script src="../../scripts/lib/echarts/esl.js"></script>
</head>
<body>
<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
<div id="chart1" style="height:100%;width:100%;"></div>
<!-- ECharts单文件引入 -->


<script type="text/javascript">
$(function() {

    // 路径配置
    require.config({
        paths: {
            echarts: '../../scripts/js/echarts'
        }
    });

    require(
        [
            'echarts',
            'echarts/chart/line' // 使用柱状图就加载bar模块，按需加载
        ],
        function(ec) {
            // 基于准备好的dom，初始化echarts图表
            var myChart = ec.init(document.getElementById('chart1'));
option = {
    tooltip : {
        trigger: 'axis'
    },

    legend: {
        data:['综合质量问题','抽查合格率','召回数','维保数']
    },
    toolbox: {
        show : true,
        feature : {
            mark : {show: true},
            dataView : {show: true, readOnly: false},
            magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
            restore : {show: true},
            saveAsImage : {show: true}
        }
    },
    calculable : true,
    xAxis : [
        {
            type : 'category',
            boundaryGap : false,
            data : ['2006年','2007年','2008年','2009年','2010年','2011年','2012年','2012年','2013年','2014年','2015年']
        }
    ],
    yAxis : [
        {
            type : 'value'
        }
    ],
    series : [
        {
            name:'综合质量问题',
            type:'line',
            smooth: true,
            data:[120, 132, 101, 134, 90, 230, 210,125,236,312,392,412,350]
        },
        {
            name:'抽查合格率',
            type:'line',
            stack: '总量',
            smooth: true,
            data:[220, 182, 191, 234, 290, 330, 310, 150, 232, 201, 154, 190]
        },
        {
            name:'召回数',
            type:'line',
            stack: '总量',
            smooth: true,
            data:[150, 232, 201, 154, 190, 330, 410, 290, 330, 310, 150, 232]
        },
        {
            name:'维保数',
            type:'line',
            stack: '总量',
            smooth: true,
            data:[320, 332, 301, 334, 390, 330, 320, 134, 90, 230, 210,125]
        }
    ]
};
            // 为echarts对象加载数据 
            myChart.setOption(option);
        }
    );

})
</script>
</body>
</html>

